<script>
export default {
  name: 'Contactpage'
}
</script>

<template>
  <div
    class="contact"
  >
    <div class="a">
      <div class="b">
        <img src="@/assets/contact/1.jpg" />
      </div>
      <div class="b">
        <img src="@/assets/contact/2.jpg" />
      </div>
      <div class="b">
        <img src="@/assets/contact/3.jpg" />
      </div>
      <div class="b">
        <img src="@/assets/contact/4.jpg" />
      </div>
      <div class="b">
        <img src="@/assets/contact/5.jpg" />
      </div>
      <div class="b">
        <img src="@/assets/contact/1.jpg" />
      </div>
      <div class="b">
        <img src="@/assets/contact/2.jpg" />
      </div>
    </div>
    <div>
      [贪吃的蛇](https://wenku.baidu.com/?_wkts_=1719558180056) 是一款由
      [大蟒蛇]()
      公司开发的一款12+游戏，其玩法创新、内容新颖，一经上线便在国外著名游戏测评平台Wegame上取得了9.8的超高评分，更是在著名游戏平台Steam游戏管家上获得了400万份销量。
      [The gluttonous snake]() is a 12+ game developed by the company
      [BIGPython](). Its gameplay is innovative, and the content is novel. Once
      it was launched, it achieved an ultra-high score of 9.8 on the famous game
      evaluation platform Wegame, and it also achieved 4 million sales on the
      famous game platform Steam.
    </div>
  </div>
</template>

<style scoped>
* {
  padding: 0;
  margin: 0;
}
body {
  background-color: rgb(60, 60, 70);
  display: flex;
  justify-content: center;
}

.contact {
        display: flex;
        gap: 100px; /* 在flex子项之间添加100px的间隔 */
        justify-content: center;
        align-items: center;
        flex-direction: column;
      }
.a {
  width: 900px;
  height: auto;
  position: relative;
  top: 20px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  box-shadow: 5px 5px 15px #000;
}
.b {
  transition: 0.7s;
  overflow: hidden;
}
.b:hover {
  flex-shrink: 0;
  flex-grow: 0;
}
img {
  width: 400px;
}
</style>
